import * as _ from 'lodash'
// 最后面的vendor就是打包异步加载文件的chunk的名称
// 如果没有定义，默认名称为0
// 如果定义了则名称为vendors~[name]
// require.ensure([], () => {
//   const _ = require('lodash')
//   _.join([1, 2], 3)
// }, 'vendor')


// 提取subpageA， subpageBd的公用模块moduleA，但不使用，moduleA会与pageA打包在一起
// require.include('./moduleA')
const page = "subpageB"
if (page === 'subpageA') {

  /*  require.ensure(['./subpageA'], () => {
       // 这里不require 则subpageA中的代码不会运行
       const subpageA = require('./subpageA')
   }, 'subpageA') */
  // 其中注释部分为设置打包时候的 webpackChunkName， 不指定为0
  import( /* webpackChunkName: 'subpageA' */ './subpageA').then(subpageA => {
    console.log(subpageA)
  })
} else if (page === 'subpageB') {
  /* require.ensure([], () => {
      const subpageB = require('./subpageB')
  }, 'subpageB') */
  // webpackChunkName: 'subpageA' 可以与上面一个webpackChunkName相同，会打包到同一个文件中
  import( /* webpackChunkName: 'subpageB' */ './subpageB').then(subpageB => {
    console.log(subpageB)
  })
}


export default 'pageA'